<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title><%= title %></title>
	<meta name="keywords" content="个人博客，博客，菜菜，长空，徐楚奕">
    <meta name="description" content="菜菜的博客,个人技术博客，徐楚奕的博客">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="author" content="caicai">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="/css/normalize.css">
	<link rel="stylesheet" href="/css/common.css">
	<link rel="stylesheet" type="text/css" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/layer-v3.1.1/layer/theme/default/layer.css">
	<script src="/js/jquery-3.2.1.min.js" type="text/javascript"></script>
    <script src="/js/cookie.js" type="text/javascript"></script>
    <script src="/plugins/layer-v3.1.1/layer/layer.js" type="text/javascript"></script>
	<script src="/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
	<script src="/js/login.js" type="text/javascript"></script>
</head>
<body>
	<!-- 头部 -->
	<header class="header">
		<div class="container">
			<!-- 导航栏 -->
			<nav class="navbar navbar-inverse" role="navigation">
				<div class="container-fluid"> 
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#example-navbar-collapse" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="/">菜菜的博客</a>
					</div>
					<div class="collapse navbar-collapse" id="example-navbar-collapse">
						<ul class="nav navbar-nav menus">
							<li class="active"><a href="/index">首页</a></li>
							<li><a href="/index?type=1">Nodejs</a></li>
							<li><a href="/index?type=2">PHP</a></li>
							<li><a href="/index?type=3">Java</a></li>
							<li><a href="/index?type=4">Javascript</a></li>
                            <li><a href="/index?type=5">Html</a></li>
							<li><a href="/index?type=6">Css</a></li>
                            <li><a href="/index?type=7">其他</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right log-out">
							<li class="dropdown login-out">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
									<span class="head"><img class="head-img" src="" width="30" height="30" onerror="javascript:this.src='/images/head.jpg';"/></span>
									<span><span id="name"></span></span>
									<span class="caret"></span>
								</a>
								<ul class="dropdown-menu">
									<li><a href="/post">发帖</a></li>
									<li><a href="/post/mypost">我的发帖</a></li>
									<li><a href="/myinfo">个人信息</a></li>
									<li role="separator" class="divider"></li>
									<li><a href="javascript:void(0)" id="log-out">退出</a></li>
								</ul>
							</li>
							<li class="login-in">
								<a href="javascript:void(0)" class="login-btn">登录</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</header>
	<div class="dialog-login-register">
		<!-- 登录面板 -->
		<div class="login-dialog active">
			<div class="login-tit">
				登录<a href="javascript:void(0)" class="login-close">×</a>
			</div>
			<div class="login-form">
				<div class="form-item">
					<i class="fa fa-user-o" aria-hidden="true"></i><input type="text" name="username" id="username" placeholder="请输入用户名">
					<p class="form-error"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="error-txt">用户名不能为空</span></p>
				</div>
				<div class="form-item">
					<i class="fa fa-lock" aria-hidden="true"></i><input type="password" name="password" id="password" placeholder="请输入密码">
					<p class="form-error"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="error-txt">密码不能为空</span></p>
				</div>
				<div class="form-btn">
					<button type="button" class="btn btn-primary login-form-btn">登 录</button>
					<p class="form-label">
						<a href="javascript:void(0)" class="forget-psw">忘记密码</a><a href="javascript:void(0)" class="tap-register">注册用户</a>
					</p>
					<!-- 第三方登录 -->
					<p class="form-label login-third">
						<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a>
						<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a>
						<a href="#"><i class="fa fa-github" aria-hidden="true"></i></a>
					</p>
				</div>
			</div>
		</div>
		<!-- 注册面板 -->
		<div class="register-dialog">
			<div class="login-tit">
				注册用户<a href="javascript:void(0)" class="login-close">×</a>
			</div>
			<div class="login-form register-form">
				<div class="form-item">
					<i class="fa fa-user" aria-hidden="true"></i><input type="text" id="r-username" name="username" class="username" placeholder="请输入用户名">
					<p class="form-error"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="error-txt">用户名不能为空</span></p>
				</div>
				<div class="form-item">
					<i class="fa fa-user-o" aria-hidden="true"></i><input type="text" id="r-name" name="name" class="username" placeholder="请输入真实姓名">
				</div>
				<div class="form-item">
					<i class="fa fa-lock" aria-hidden="true"></i><input type="password" id="r-password" name="password" class="password" placeholder="请输入密码">
					<p class="form-error"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="error-txt">密码不能为空</span></p>
				</div>
				<div class="form-item">
					<i class="fa fa-lock" aria-hidden="true"></i><input type="password" id="r-re-password"  name="password" class="rePassword" placeholder="请再次输入密码">
					<p class="form-error"><i class="fa fa-exclamation-circle" aria-hidden="true"></i><span class="error-txt">输入密码不能为空</span></p>
				</div>
				<div class="form-item">
					<i class="fa fa-envelope-o" aria-hidden="true"></i><input type="text" id="r-email"  name="email" class="rePassword" placeholder="请输入邮箱">
		
				</div>
				<div class="form-btn">
					<button type="button" class="btn btn-primary register-form-btn">注 册</button>
					<p class="form-label">
						<a href="javascript:void(0)" class="tap-login">直接登录</a>
					</p>
					<!-- 第三方登录 -->
					<p class="form-label login-third">
						<a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a>
						<a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a>
						<a href="#"><i class="fa fa-github" aria-hidden="true"></i></a>
					</p>
				</div>
			</div>
		</div>
	</div>